 .pagebg {
 	position: fixed;
 	width: 100%;
 	height: 100%;
 	background-color: #020aa9;
 	z-index: 0;
 }

 .pagebg image {
 	position: absolute;
 	bottom: 0rpx;
 	left: 0rpx;
 	width: 750rpx;
 	height: 1334rpx;
 }

 .pagewrapper {
 	position: relative;
 	width: 100%;
 	height: 80%;
 	padding-top: 10%;
 	z-index: 1;
 }

 .cjcxbox {
 	width: 668rpx;
 	height: 960rpx;
 	margin: 0 auto;
 	background: url('https://statics.offcn.com/hb/pc/images/wxxcx/files/images/cjcx.png') no-repeat center;
 	background-size: contain;
 }

 .ggyybox {
 	width: 668rpx;
 	height: 960rpx;
 	margin: 0 auto;
 	background: url('https://statics.offcn.com/hb/pc/images/wxxcx/files/images/ggyy.png') no-repeat center;
 	background-size: contain;
 }

 .ty {
 	width: 668rpx;
 	height: 960rpx;
 	margin: 0 auto;
 	background: url('https://hb.offcn.com/zg/xcximg/cjcx/ty.jpg') no-repeat center;
 	background-size: contain;
 }

 .cjcxbox .btnbar,
 .ggyybox .btnbar {
 	padding-top: 165rpx;
 }

 .cjcxbox button,
 .ggyybox button {
 	background-color: rgb(243, 0, 7);
 	width: 354rpx;
 	height: 86rpx;
 	border-radius: 43rpx;
 	margin: 0 auto 130rpx;
 	font-size: 36rpx;
 	color: rgb(255, 255, 255);
 }

 .btnbar button text {
 	padding-left: 12rpx;
 }

 .morebox {
 	border: 1rpx solid rgb(47, 109, 215);
 	border-radius: 70rpx;
 	background-color: rgb(255, 255, 255);
 	width: 666rpx;
 	min-height: 228rpx;
 	margin: 80rpx auto 0rpx;
 }

 .more-tit {
 	background-color: rgb(47, 109, 215);
 	width: 666rpx;
 	height: 85rpx;
 	line-height: 85rpx;
 	text-align: center;
 	border-top-left-radius: 50rpx;
 	border-top-right-radius: 50rpx;
 }

 .more-tit text {
 	font-size: 32rpx;
 	font-weight: 800;
 	color: rgb(255, 255, 255);
 }

 .more-content {
 	padding: 30rpx 0rpx;
 	display: flex;
 	justify-content: space-around;
 }

 @-webkit-keyframes fadeInUpBig {
 	from {
 		opacity: 0;
 		-webkit-transform: translate3d(0, 2000px, 0);
 		transform: translate3d(0, 2000px, 0);
 	}

 	to {
 		opacity: 1;
 		-webkit-transform: translate3d(0, 0, 0);
 		transform: translate3d(0, 0, 0);
 	}
 }

 @keyframes fadeInUpBig {
 	from {
 		opacity: 0;
 		-webkit-transform: translate3d(0, 2000px, 0);
 		transform: translate3d(0, 2000px, 0);
 	}

 	to {
 		opacity: 1;
 		-webkit-transform: translate3d(0, 0, 0);
 		transform: translate3d(0, 0, 0);
 	}
 }

 .more-item {
 	border-radius: 10px;
 	background-color: #f8faff;
 	width: 280rpx;
 	text-align: center;
 	padding: 10rpx;
 	-webkit-animation-name: fadeInUpBig;
 	animation-name: fadeInUpBig;
 	animation-duration: 2s;
 }

 .more-item:first-child {
 	animation-delay: 0.1s;
 }

 .more-item:nth-child(2) {
 	animation-delay: 0.3s;
 }

 .item-inner {
 	width: 260rpx;
 	padding: 10rpx;
 	margin: 0 auto;
 	border: 1px rgb(128, 128, 128) dashed;
 	border-radius: 10px;
 }

 .more-item .item-tit,
 .more-item .item-info {
 	display: block;
 }

 .more-item .item-tit {
 	font-size: 32rpx;
 	color: rgb(51, 51, 51);
 	font-weight: bold;
 	line-height: 52rpx;
 }

 .more-item .item-info {
 	font-size: 22rpx;
 	color: #bcbdbf;
 	margin-bottom: 10rpx;
 }

 .item-link {
 	width: 60%;
 	margin: 0 auto;
 	font-size: 24rpx;
 	line-height: 50rpx;
 	border-radius: 25rpx;
 	color: #fff;
 	background-color: #2e52dc;
 }

 /*弹窗*/
 .success-model {
 	background-color: rgba(0, 0, 0, 0.5);
 	position: fixed;
 	left: 0;
 	top: 0;
 	width: 100%;
 	height: 100%;
 	z-index: 3;
 }

 .model-box {
 	position: absolute;
 	top: 30%;
 	left: 50%;
 	width: 600rpx;
 	margin-left: -300rpx;
 }

 .show-area {
 	border-radius: 50rpx;
 	background-color: rgb(255, 255, 255);
 	width: 600rpx;
 	height: 500rpx;
 	margin: 0 auto;
 }

 .show-area .model-tit {
 	width: 370rpx;
 	height: 144rpx;
 	margin: 0 auto;
 	background: url('https://677a-gzoffcn-nbg8w-1302091547.tcb.qcloud.la/cjcx/sucess-lab-tit-bg.png') no-repeat center;
 	background-size: contain;
 	text-align: center;
 	position: relative;
 	top: -92rpx;
 	margin-bottom: -62rpx;
 }

 .model-tit .tit-text {
 	color: #fff;
 	display: block;
 	font-size: 24rpx;
 	padding-top: 80rpx;
 }

 .model-btnbar {
 	width: 600rpx;
 	margin: 0 auto;
 	display: flex;
 	justify-content: space-between;
 	margin-top: 50rpx;
 }

 .model-btnbar button {
 	padding: 0rpx;
 	border: none;
 	font-size: 32rpx;
 	line-height: 100rpx;
 	color: #fff;
 	font-weight: normal;
 	border-radius: 50rpx;
 }

 .model-btnbar .close-model {
 	width: 260rpx;
 	background-color: rgb(120, 0, 255);
 }

 .model-btnbar .share-model {
 	width: 280rpx;
 	background-color: #f60000;
 }

 .headphoto-area {
 	width: 205rpx;
 	height: 205rpx;
 	position: relative;
 	margin: 0 auto;
 }

 .decoration-box {
 	width: 206rpx;
 	height: 273rpx;
 	position: absolute;
 	top: -38rpx;
 	left: 0;
 	z-index: 1;
 }

 .avatar-box {
 	width: 205rpx;
 	height: 205rpx;
 	position: absolute;
 	border-radius: 50%;
 	top: 0;
 	left: 0;
 	z-index: 0;
 	overflow: hidden;
 }

 .userinfo-avatar {
 	width: 205rpx;
 	height: 205rpx;
 }

 .nickname {
 	width: 206rpx;
 	height: 24rpx;
 	font-size: 22rpx;
 	position: absolute;
 	text-align: center;
 	bottom: 6rpx;
 	z-index: 2;
 	color: #fff;
 }

 .sentiment {
 	text-align: center;
 	color: #999;
 	margin-top: 70rpx;
 }

 .gzoffcn {
 	font-size: 20rpx;
 	color: #999;
 	text-transform: uppercase;
 	line-height: 32rpx;
 	display: flex;
 	justify-content: center;
 	margin-top: 30rpx;
 }

 .gzoffcn text {
 	margin: 0rpx 5rpx;
 }

 .infor_box {
 	margin: 0 auto;
 	display: flex;
 	padding-top: 50rpx;
 	justify-content: space-around;
 	flex-wrap: wrap;
 }

 .infor_box .infor {
 	width: 600rpx;
 	height: 90rpx;
 	margin: 0 auto 30rpx;
 	position: relative;
 	display: block;
 	background: #f5f3f3;
 	border-radius: 20rpx;
 }

 .infor_box .infor image {
 	float: left;
 	width: 45rpx;
 	height: 45rpx;
 	margin-top: 23rpx;
 	margin-left: 20rpx;
 	margin-right: 20rpx;
 }

 .infor_box .infor picker {
 	float: left;
 	width: 510rpx;
 	height: 90rpx;
 	line-height: 90rpx;
 	border: none;
 	font-size: 30rpx;
 	color: #666;
 }

 .infor_box .zhuce {
 	width: 450rpx;
 	color: #fff;
 	font-size: 30rpx;
 	font-family: "microsoft yahei";
 	line-height: 60rpx;
 	padding: 0rpx 15rpx;
 	border-radius: 30rpx;
 	display: block;
 	min-height: auto;
 	text-align: center;
 	margin: 0 auto 20rpx;
 }

 .sk .infor_box .zhuce,
 .gk .infor_box .zhuce {
 	background: #fd4646;
 }

 .jszp .infor_box .zhuce {
 	background: #02b387;
 }

 .sydw .infor_box .zhuce,
 .xds .infor_box .zhuce,
 .sjy .infor_box .zhuce,
 .zjb .infor_box .zhuce {
 	background: #ff5a11;
 }

 .jdwz .infor_box .zhuce,
 .nxs .infor_box .zhuce,
 .yh .infor_box .zhuce {
 	width: 450rpx;
 	color: #fff;
 	font-size: 30rpx;
 	font-family: "microsoft yahei";
 	line-height: 60rpx;
 	padding: 0rpx 15rpx;
 	border-radius: 30rpx;
 	display: block;
 	text-align: center;
 	margin: 0 auto 20rpx;
 	background: #2e77ff;
 }

 .infor_box .last {
 	background: none;
 }

 .ggyybox .cxnme,
 .cjcxbox .cxnme {
 	padding-top: 0rpx;
 	margin-bottom: 170rpx;
 }

 .cxnme {
 	text-align: center;
 	width: 650rpx;
 	margin: 0 auto;
 	display: block;
 	font-size: 60rpx;
 	color: #f10000;
 	font-weight: bold;
 	padding-top: 140rpx;
 }

 .cxnme1 {
 	text-align: center;
 	width: 650rpx;
 	margin: 0 auto 10rpx;
 	display: block;
 	font-size: 100rpx;
 	color: #f10000;
 	font-weight: bold;
 }

 .infor_box {
 	margin: 0 auto;
 	display: flex;
 	padding-top: 50rpx;
 	justify-content: space-around;
 	flex-wrap: wrap;
 }

 .infor_box .infor {
 	width: 600rpx;
 	height: 90rpx;
 	margin: 0 auto 30rpx;
 	position: relative;
 	display: block;
 	background: #f5f3f3;
 	border-radius: 20rpx;
 }

 .infor_box .infor image {
 	float: left;
 	width: 45rpx;
 	height: 45rpx;
 	margin-top: 23rpx;
 	margin-left: 20rpx;
 	margin-right: 20rpx;
 }

 .infor_box .infor picker {
 	float: left;
 	width: 510rpx;
 	height: 90rpx;
 	line-height: 90rpx;
 	border: none;
 	font-size: 30rpx;
 	color: #666;
 }

 .infor_box .zhuce {
 	width: 450rpx;
 	color: #fff;
 	font-size: 30rpx;
 	font-family: "microsoft yahei";
 	line-height: 60rpx;
 	padding: 0rpx 15rpx;
 	border-radius: 30rpx;
 	display: block;
 	min-height: auto;
 	text-align: center;
 	margin: 0 auto 20rpx;
 }

 .sk .infor_box .zhuce,
 .gk .infor_box .zhuce {
 	background: #fd4646;
 }

 .jszp .infor_box .zhuce {
 	background: #02b387;
 }

 .sydw .infor_box .zhuce,
 .xds .infor_box .zhuce,
 .sjy .infor_box .zhuce,
 .zjb .infor_box .zhuce {
 	background: #ff5a11;
 }

 .jdwz .infor_box .zhuce,
 .nxs .infor_box .zhuce,
 .yh .infor_box .zhuce {
 	width: 450rpx;
 	color: #fff;
 	font-size: 30rpx;
 	font-family: "microsoft yahei";
 	line-height: 60rpx;
 	padding: 0rpx 15rpx;
 	border-radius: 30rpx;
 	display: block;
 	text-align: center;
 	margin: 0 auto 20rpx;
 	background: #2e77ff;
 }

 .infor_box .last {
 	background: none;
 }

 .offer_item {
 	width: 550rpx;
 	height: 90rpx;
 	position: relative;
 	margin: 0 auto 40rpx;
 }

 .offer_item .zhuce {
 	width: 354rpx;
 	height: 86rpx;
 	display: block;
 	margin: 0 auto;
 	position: relative;
 }

 .offer_item .zhuce view {
 	width: 354rpx;
 	height: 86rpx;
 	text-align: center;
 	line-height: 86rpx;
 	background-color: #07c160;
 }

 .search_btn {
 	width: 560rpx;
 	height: 82rpx;
 	padding: 0;
 	background: #d32002;
 	line-height: 82rpx;
 	color: #fff;
 	font-size: 36rpx;
 }

 .jdwz .search_btn,
 .nxs .search_btn,
 .yh .search_btn {
 	width: 560rpx;
 	height: 82rpx;
 	padding: 0;
 	background: #2e77ff;
 	line-height: 82rpx;
 	color: #fff;
 	font-size: 36rpx;
 }

 .sf_title2 {
 	text-align: center;
 	font-size: 30rpx;
 	line-height: 2;
 	color: #333;
 }

 .sf_field {
 	margin-bottom: 20rpx;
 	font-size: 30rpx;
 	line-height: 70rpx;
 	background: #f5f3f3;
 	box-sizing: border-box;
 	padding: 10rpx 25rpx 0 100rpx;
 	border-radius: 20rpx;
 	position: relative;
 	overflow: hidden;
 	display: flex;
 	align-items: center;
 	width: 668rpx;
 }

 .sf_field text {
 	color: #999999;
 	display: inline-block;
 	width: 200rpx;
 }

 .sf_field picker {
 	display: inline-block;
 	border-radius: 15rpx;
 	line-height: 70rpx;
 	text-indent: 1em;
 	color: #999999;
 	width: 468rpx;
 }

 .sf_field input {
 	display: inline-block;
 	border-radius: 15rpx;
 	height: 70rpx;
 	line-height: 70rpx;
 	text-indent: 1em;
 	color: #999999;
 	background: none;
 	border: none;
 	width: 468rpx;
 }

 .tel_btn {
 	position: absolute;
 	right: 10rpx;
 	padding: 0 15rpx;
 	border-radius: 15rpx;
 	top: 10rpx;
 	background-color: #999999;
 	color: #fff;
 	z-index: 99;
 }

 .sf_bottom {
 	width: 100%;
 	margin: 20rpx auto;
 	height: 200rpx;
 }

 .sf_bottom navigator {
 	width: 100%;
 	height: 100%;
 }

 .sf_bottom image {
 	display: block;
 	width: 100%;
 	border-radius: 20rpx;
 	height: 100%;
 }

 .btn_box {
 	display: flex;
 }

 .sf_submit {
 	display: flex;
 	flex: 1;
 	background: #fff;
 	text-align: center;
 	font-size: 30rpx;
 	line-height: 3;
 	color: #999999;
 	border-radius: 15rpx;
 	justify-content: center;
 	margin-top: 20rpx;
 }



 .jumpSetModel {
 	position: fixed;
 	top: 0;
 	left: 0;
 	right: 0;
 	bottom: 0;
 	background: rgba(0, 0, 0, .5);
 	z-index: 999;
 }

 .jumpSetBox {
 	width: 640rpx;
 	background: #ffffff;
 	position: relative;
 	top: 50%;
 	left: 50%;
 	transform: translate(-50%, -50%);
 	border-radius: 15rpx;
 }

 .m-title {
 	width: 100%;
 	text-align: center;
 	font-size: 38rpx;
 	font-weight: bold;
 	letter-spacing: 4rpx;
 	line-height: 100rpx;
 }

 .m-content {
 	width: 100%;
 	box-sizing: border-box;
 	padding: 0 25rpx;
 	text-align: center;
 	font-size: 36rpx;
 	letter-spacing: 4rpx;
 	line-height: 60rpx;
 }

 .m-control {
 	width: 100%;
 	display: flex;
 	overflow: hidden;
 	margin-top: 50rpx;
 	border-top: 1rpx solid #ECECEC
 }

 .m-control button {
 	flex: 1;
 	width: 50%;
 	height: 90rpx;
 	line-height: 90rpx;
 	box-sizing: border-box;
 	background: transparent;
 	border-radius: 0;
 	display: initial;
 	padding: 0;
 	text-align: initial;
 	font-size: initial;
 	text-align: center;
 	color: #07c160;
 }

 .m-cancel {
 	border-right: 1rpx solid #ECECEC;
 	color: #909399 !important;
 }